import React, { Component } from 'react'
 
import './index.css'
 
export default class Index extends Component {
  constructor() {
    super(...arguments)
    this.state = ({
      listAll: [1, 2, 3, 4]
    })
  }
  componentWillMount () { }
 
  componentDidMount () { 
    let data = {
      "nodes": [
        {
          "name": "10.201.83.233"
        },
        {
          "name": "11.22.33.44"
        },
        {
          "name": "0.0.0.0"
        },
        {
          "name": "222.99.88.66"
        },
        {
          "name": "192.168.5.0/24"
        },
        {
          "name": "200.200.200.200"
        },
        {
          "name": "192.168.83.10"
        },
        {
          "name": "180.200.202.10-180.200.202.100"
        },
        {
          "name": "192.168.83.1"
        },
        {
          "name": "180.200.204.1-180.200.204.103"
        },
        {
          "name": "180.200.202.201-180.200.203.10"
        },
        {
          "name": "180.200.203.100-180.200.203.200"
        },
        {
          "name": "180.200.205.10-180.200.205.20"
        }
      ],
      "links": [
        {
          "srcip": "11.22.33.44",
          "destip": "10.201.83.233",
          "num": 12
        },
        {
          "srcip": "222.99.88.66",
          "destip": "0.0.0.0",
          "num": 12
        },
        {
          "srcip": "11.22.33.44",
          "destip": "192.168.5.0/24",
          "num": 12
        },
        {
          "srcip": "192.168.83.10",
          "destip": "200.200.200.200",
          "num": 6
        },
        {
          "srcip": "180.200.202.10-180.200.202.100",
          "destip": "200.200.200.200",
          "num": 6
        },
        {
          "srcip": "192.168.83.1",
          "destip": "200.200.200.200",
          "num": 6
        },
        {
          "srcip": "180.200.204.1-180.200.204.103",
          "destip": "200.200.200.200",
          "num": 6
        },
        {
          "srcip": "180.200.202.201-180.200.203.10",
          "destip": "200.200.200.200",
          "num": 6
        },
        {
          "srcip": "180.200.203.100-180.200.203.200",
          "destip": "200.200.200.200",
          "num": 6
        },
        {
          "srcip": "180.200.205.10-180.200.205.20",
          "destip": "200.200.200.200",
          "num": 6
        }
      ]
    }
    let arr = []
    data.links.map(item => {
      let obj = {
        source: item.srcip,
        value: item.num,
        target: item.destip
      }
      arr.push(obj)
    })
    data.links = arr
    console.log(data,'数据处理')
   }
 
  componentWillUnmount () { }
 
  componentDidShow () { }
 
  componentDidHide () { }
 
  render () {
    const { listAll } = this.state
    return (
      <div>
        内容
      </div>
    )
    
  }
}